<template>
  <div class="chart-Kline">
    <stockAn ref="stockAn" :company="company" :propsData="data" :config="config"></stockAn>
  </div>
</template>
<script>
import stockAn from "@/components/stock";
export default {
  name: "chartKLine",
  props: {
    data: {
      type: Object,
      default: () => {},
    },
  },
  components: { stockAn },
  data() {
    return {
      company: "",
      config: {
        // 是否需要 各周期K线
        changK: false,
        // 是否需要全屏功能
        screen: false,
        // 是否需要各技术指标
        map: false,
      },
    };
  },
  computed: {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
@import "../index.scss";
.chart-btns {
  margin-top: 8px;
  color: #5f6a7a;
  font-size: 14px;
  // display: flex;
  // justify-content: flex-end;
}
.actived {
  color: #436fff;
  // background: #ecf1ff;
  // border-color: #b4c5ff;
  background: #fff;
  border-color: rgb(220, 223, 230);
}
</style>
